<template>
  <div>
    我是朋友组件
    <!-- 使用 $route 接收 query 参数 -->
    <p>
      这是我接收到的query参数: {{ $route.query.name }} ---
      {{ $route.query.age }}
    </p>
    <p>
      这是我接收到的params参数:{{ $route.params.name }} ---
      {{ $route.params.age }}
    </p>
  </div>
</template>

<script>
export default {
  name: 'Part',

  data () {
    return {}
  },
  created () {
    console.log(this.$route.query)
    console.log('Part 被创建了')
  },
  destroyed () {
    console.log('Part 被干掉了')
  },
  activated () {
    console.log('Part 激活了')
  },
  deactivated () {
    console.log('Part 失活了')
  }
}
</script>

<style lang="scss" scoped></style>
